<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/filterPage.css">
    <title>筛选页</title>
</head>
<body>
    <div class="container">
        <div class="logo">
            <div class="logo_left">
                <img src="images/product/product_star.jpg" alt="">
                <span>收藏师徒</span>
            </div>
            <div class="logo_right">
                欢迎来到师徒！
                <a href="denglu.html" style="color: #666666;">[登录]</a>
                <a href="houtai.html" style="color: #666666;">[免费注册]</a>
            </div>
            <div style="clear:both"></div>
        </div>
        <div class="header">
            <div class="header_inner">
                <div class="header_left">
                    <p>
                        <a href="index.html" style="color: white;">师徒课堂</a>
                    </p>
                </div>
                <div class="header_right">
                    <input type="text"><input type="submit" value="搜索">
                    <div class="gwc">
                        <img src="images/product/product_pic2.jpg" alt="">购物车 &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 0
                        <img src="images/product/product_pic3.jpg" alt="">
                    </div>
                </div>
                <div style="clear:both"></div>
            </div>
        </div>
        <div class="nav">
            <ul>
                <li>
                    <a href="product.html">全部商品分类</a>
                    <img src="images/product/product_fuhao.jpg" alt="">
                </li>
                <li><a href="filterPage.html" style="width: 100px;height: 40px;text-align: center;display: block; background: #4593fd;">数码城</a></li>
                <li><a href="">天黑黑</a></li>
                <li><a href="">团购</a></li>
                <li><a href="">发现</a></li>
                <li><a href="">二手特卖</a></li>
                <li><a href="">名品会</a></li>
            </ul>
        </div>
        <div class="main">
            <div class="container">
                <div class="container_left">
                     <h3>产品分类</h3>
                     <ul>
                         <p>手机通讯</p>
                         <li><a href="">手机</a></li>
                         <li><a href="">对讲机</a></li>
                     </ul>
                     <ul style="margin-top: 5px;border-top:1px dashed #cdcdcd;">
                        <p style="margin: 20px 0 10px 10px;">运营商</p>
                        <li><a href="">购机送费</a></li>
                        <li><a href="">“0”元购机</a></li>
                        <li><a href="">选号入网</a></li>
                    </ul>
                    <ul style="margin-top: 5px;border-top:1px dashed #cdcdcd;">
                        <p style="margin: 20px 0 10px 10px;">手机配件</p>
                        <li><a href="">手机电池</a></li>
                        <li><a href="">蓝牙耳机</a></li>
                        <li><a href="">充电器/数据线</a></li>
                        <li><a href="">手机耳机</a></li>
                        <li><a href="">手机贴膜</a></li>
                        <li><a href="">手机存储卡</a></li>
                        <li><a href="">手机保护套</a></li>
                        <li><a href="">车载配件</a></li>
                        <li><a href=""> iPhone 配件 </a></li>
                    </ul>
                    <div class="phone">
                        <div class="phone_left">
                            <img src="images/product/filterPage_pic1.jpg" alt="">
                        </div>
                        <div class="phone_right">
                            <span>全网低价Apple苹果iPadmini1</span>
                            <span>￥2088.00</span>
                        </div>
                    </div>
                    <div class="phone">
                        <div class="phone_left">
                            <img src="images/product/filterPage_pic2.jpg" alt="">
                        </div>
                        <div class="phone_right">
                            <span>Haier 海尔JSQ20-E2（12T）燃</span>
                            <span>￥1689.00</span>
                        </div>
                    </div>
                    <div class="phone">
                        <div class="phone_left">
                            <img src="images/product/filterPage_pic3.jpg" alt="">
                        </div>
                        <div class="phone_right">
                            <span>Apple 苹果iPhone 5s 16G(GS)</span>
                            <span>￥4979.00</span>
                        </div>
                    </div>
                    <div class="phone">
                        <div class="phone_left">
                            <img src="images/product/filterPage_pic4.jpg" alt="">
                        </div>
                        <div class="phone_right">
                            <span>(二手)AKG爱科技K420 头戴</span>
                            <span>￥205.00</span>
                        </div>
                    </div>
                    <div class="phone">
                        <div class="phone_left">
                            <img src="images/product/filterPage_pic5.jpg" alt="">
                        </div>
                        <div class="phone_right">
                            <span>TAMRON 腾龙SP 90mm F/2.8</span>
                            <span>￥3680.00</span>
                        </div>
                    </div>
                </div>
                <div class="container_right">
                    <div class="content">
                        <ul>
                            <li>手机</li>
                            <li>裸机(773)</li>
                            <li>合约机(192)</li>
                        </ul>
                    </div>
                    <div class="content" style="height:130px;">
                        <ul>
                            <li>品牌</li>
                            <li style="background: #1d7ad9;width: 35px;height: 20px;text-align: center;line-height: 20px;color: white;">
                                不限
                            </li>
                            <li style="margin:10px 0 0 0;">Samsung/三星</li>
                            <li>Apple苹果</li>
                            <li>Huawei/华为</li>
                            <li>Miui/小米</li>
                            <li style="color:#333333;">
                                更多
                                <img src="images/product/filterPage_fuhao.png" alt="" style="vertical-align: middle;">
                            </li>
                            <li style="margin: 10px 0 0 176px;">Lenovo/联想</li>
                            <li>Sony/索尼</li>
                            <li>HTC/宏达电</li>
                            <li>Coolpad/酷派</li>
                            <li style="margin: 10px 0 0 176px;">Meeizu/魅族</li>
                            <li>Bbk/步步高</li>
                            <li>Oppo/欧泊</li>
                            <li>Motoroal/摩托罗拉</li>
                        </ul>
                    </div>
                    <div class="content" style="height:45px;">
                        <ul>
                            <li style="margin: 10px 0 0 23px;">屏幕尺寸</li>
                            <li style="background: #1d7ad9;width: 35px;height: 20px;text-align: center;line-height: 20px;color: white;">
                                不限
                            </li>
                            <li style="margin:10px 0 0 0;">超大屏幕(>5.9英寸)</li>
                            <li style="margin:10px 10px 0 23px;">大屏幕(4.8-5.8英寸)</li>
                            <li style="margin:10px 0 0 10px;">主流屏幕英寸(4.0-4.7英寸)</li>
                            <li style="color:#333333;">
                                更多
                                <img src="images/product/filterPage_fuhao.png" alt="" style="vertical-align: middle;">
                            </li>
                        </ul>
                    </div>
                    <div class="content" style="height:45px;">
                        <ul>
                            <li style="margin: 10px 0 0 23px;">操作系统</li>
                            <li style="background: #1d7ad9;width: 35px;height: 20px;text-align: center;line-height: 20px;color: white;">
                                不限
                            </li>
                            <li style="margin:10px 0 0 0;">Android</li>
                            <li style="margin:10px 10px 0 23px;">苹果ios</li>
                            <li style="margin:10px 0 0 10px;">Windows phone</li>
                            <li>Symbian</li>
                            <li>非智能机</li>
                        </ul>
                    </div>
                    <div class="content" style="height:45px;">
                        <ul>
                            <li style="margin: 10px 0 0 23px;">更多选项</li>
                            <li>
                                <input type="text" value="CPU核心数">
                                <img src="images/product/filterPage_fuhao.png" alt="" style="position: relative;top: -2px;left: -20px;">
                            </li>
                            <li>
                                <input type="text" value="主摄像头像素" style=" width: 100px;">
                                <img src="images/product/filterPage_fuhao.png" alt="" style="position: relative;top: -2px;left: -20px;">
                            </li>
                        </ul>
                    </div> 
                    <div class="content_nav">
                        <div class="content_nav_left">
                            <p>
                                送至 
                                <span>海淀区五环内</span>
                                <img src="images/product/filterPage_jiantou.png" alt=""> 
                            </p>
                        </div>
                        <div class="content_nav_right">
                            <p>
                                <img src="images/product/filterPage_pic21.png" alt="">
                                仅显示有货 共
                                <span>16422</span>件商品
                            </p>
                        </div>
                    </div>
                    <div class="content_center">
                        <div class="main_inner">
                            <ul>
                                <li>
                                    <div class="product">
                                        <img src="images/product/filterPage_pic6.jpg" alt="">
                                        <a href="xiangxiye1.html" style="color:black;">
                                            <p>小米 红米 3G(GSM/TD-SCDMA)手机 灰色</p>
                                        </a>
                                        <span>￥1150.00</span> <span style="margin-left:5px;color: #1d7ad9;">4886</span>评论
                                        <p class="addgwc">
                                            <img src="images/product/filterPage_pic12.jpg" alt="" style="margin:0;padding-left: 6px;">
                                            加入购物车
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="product">
                                        <img src="images/product/filterPage_pic7.jpg" alt="">
                                        <p>G-HONG 国虹 v10海豚3G(GSM/TD-SCDMA)双卡双待 手机白色</p>
                                        <span>￥539.00</span> <span style="margin-left:5px;color: #1d7ad9;">4389</span>评论
                                        <p class="addgwc">
                                            <img src="images/product/filterPage_pic12.jpg" alt="" style="margin:0;padding-left: 6px;">
                                            加入购物车
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="product">
                                        <img src="images/product/filterPage_pic8.jpg" alt="">
                                        <p >Apple苹果 iphone 48G (GSM/WCD<br/>MA)手机 白色</p>
                                        <span >￥2178.00</span> <span style="margin-left:5px;color: #1d7ad9;">8060</span>评论
                                        <p class="addgwc">
                                            <img src="images/product/filterPage_pic12.jpg" alt="" style="margin:0;padding-left: 6px;">
                                            加入购物车
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="product">
                                        <img src="images/product/filterPage_pic9.jpg" alt="">
                                        <p>Nokia 诺基亚 1050 GSM手机 黑色</p>
                                        <br/>
                                        <span>￥169.00</span> <span style="margin-left:5px;color: #1d7ad9;">3222</span>评论
                                        <p class="addgwc">
                                            <img src="images/product/filterPage_pic12.jpg" alt="" style="margin:0;padding-left: 6px;">
                                            加入购物车
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="product">
                                        <img src="images/product/filterPage_pic10.jpg" alt="">
                                        <p>小米3 移动3G(GSM/TD-SCDMA)16G版 星空灰 手机</p>
                                        <span>￥2399.00</span> <span style="margin-left:5px;color: #1d7ad9;">3978</span>评论
                                        <p class="addgwc">
                                            <img src="images/product/filterPage_pic12.jpg" alt="" style="margin:0;padding-left: 6px;">
                                            加入购物车
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="product">
                                        <img src="images/product/filterPage_pic11.jpg" alt="">
                                        <p >Nokia 诺基亚 1050 GSM手机 蓝色</p>
                                        <br/>
                                        <span >￥169.00</span> <span style="margin-left:5px;color: #1d7ad9;">2782</span>评论
                                        <p class="addgwc">
                                            <img src="images/product/filterPage_pic12.jpg" alt="" style="margin:0;padding-left: 6px;">
                                            加入购物车
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="product">
                                        <img src="images/product/filterPage_pic9.jpg" alt="">
                                        <p>Nokia 诺基亚 1050 GSM手机 黑色</p>
                                        <br/>
                                        <span>￥169.00</span> <span style="margin-left:5px;color: #1d7ad9;">3222</span>评论
                                        <p class="addgwc">
                                            <img src="images/product/filterPage_pic12.jpg" alt="" style="margin:0;padding-left: 6px;">
                                            加入购物车
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="product">
                                        <img src="images/product/filterPage_pic10.jpg" alt="">
                                        <p>小米3 移动3G(GSM/TD-SCDMA)16G版 星空灰 手机</p>
                                        <span>￥2399.00</span> <span style="margin-left:5px;color: #1d7ad9;">3978</span>评论
                                        <p class="addgwc">
                                            <img src="images/product/filterPage_pic12.jpg" alt="" style="margin:0;padding-left: 6px;">
                                            加入购物车
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="product">
                                        <img src="images/product/filterPage_pic11.jpg" alt="">
                                        <p >Nokia 诺基亚 1050 GSM手机 蓝色</p>
                                        <br/>
                                        <span >￥169.00</span> <span style="margin-left:5px;color: #1d7ad9;">2782</span>评论
                                        <p class="addgwc">
                                            <img src="images/product/filterPage_pic12.jpg" alt="" style="margin:0;padding-left: 6px;">
                                            加入购物车
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="product">
                                        <img src="images/product/filterPage_pic9.jpg" alt="">
                                        <p>Nokia 诺基亚 1050 GSM手机 黑色</p>
                                        <br/>
                                        <span>￥169.00</span> <span style="margin-left:5px;color: #1d7ad9;">3222</span>评论
                                        <p class="addgwc">
                                            <img src="images/product/filterPage_pic12.jpg" alt="" style="margin:0;padding-left: 6px;">
                                            加入购物车
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="product">
                                        <img src="images/product/filterPage_pic10.jpg" alt="">
                                        <p>小米3 移动3G(GSM/TD-SCDMA)16G版 星空灰 手机</p>
                                        <span>￥2399.00</span> <span style="margin-left:5px;color: #1d7ad9;">3978</span>评论
                                        <p class="addgwc">
                                            <img src="images/product/filterPage_pic12.jpg" alt="" style="margin:0;padding-left: 6px;">
                                            加入购物车
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="product">
                                        <img src="images/product/filterPage_pic11.jpg" alt="">
                                        <p >Nokia 诺基亚 1050 GSM手机 蓝色</p>
                                        <br/>
                                        <span >￥169.00</span> <span style="margin-left:5px;color: #1d7ad9;">2782</span>评论
                                        <p class="addgwc">
                                            <img src="images/product/filterPage_pic12.jpg" alt="" style="margin:0;padding-left: 6px;">
                                            加入购物车
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="product">
                                        <img src="images/product/filterPage_pic9.jpg" alt="">
                                        <p>Nokia 诺基亚 1050 GSM手机 黑色</p>
                                        <br/>
                                        <span>￥169.00</span> <span style="margin-left:5px;color: #1d7ad9;">3222</span>评论
                                        <p class="addgwc">
                                            <img src="images/product/filterPage_pic12.jpg" alt="" style="margin:0;padding-left: 6px;">
                                            加入购物车
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="product">
                                        <img src="images/product/filterPage_pic10.jpg" alt="">
                                        <p>小米3 移动3G(GSM/TD-SCDMA)16G版 星空灰 手机</p>
                                        <span>￥2399.00</span> <span style="margin-left:5px;color: #1d7ad9;">3978</span>评论
                                        <p class="addgwc">
                                            <img src="images/product/filterPage_pic12.jpg" alt="" style="margin:0;padding-left: 6px;">
                                            加入购物车
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="product">
                                        <img src="images/product/filterPage_pic11.jpg" alt="">
                                        <p >Nokia 诺基亚 1050 GSM手机 蓝色</p>
                                        <br/>
                                        <span >￥169.00</span> <span style="margin-left:5px;color: #1d7ad9;">2782</span>评论
                                        <p class="addgwc">
                                            <img src="images/product/filterPage_pic12.jpg" alt="" style="margin:0;padding-left: 6px;">
                                            加入购物车
                                        </p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>                  
                </div>
                <div class="content_bottom">
                    <ul>
                        <li>上一页</li>
                        <li>1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                        <li>6</li>
                        <li>7</li>
                        <li>8</li>
                        <li style="border:0;width: 15px;">...</li>
                        <li>200</li>
                        <li style="width:55px;">下一页</li>
                        <li style="border:0;width: 110px;">共200页，到第</li>
                        <li style="width:45px;">1</li>
                        <li style="border:0;width: 15px;">页</li>
                        <li style="background:#e8e8e8;width:50px;">确定</li>
                    </ul>
                </div>     
            </div>
        </div>
        <div class="footer">
            <p>师徒简介|师徒公告| 招纳贤士| 联系我们|客服热线：400-675-1234</p>
            <p>Copyright  2006 - 2014 师徒版权所有 京ICP备09037834号 京ICP证B1034-8373号 某市公安局XX分局备案编号：123456789123</p>
            <img src="images/product/product_pic20.jpg" alt="">
            <img src="images/product/product_pic20.jpg" alt="">
            <img src="images/product/product_pic20.jpg" alt="">
            <img src="images/product/product_pic20.jpg" alt="">
        </div>
    </div>
</body>
</html>